.user-center{
	height: 100vh;
	background-color: #f2f2f2;

	.main{
		padding: 32rpx;
		box-sizing: border-box;
		.user-info-wrapper{
			background-color: #ffffff;
			width: 100%;
			padding: 4rpx 32rpx 4rpx 32rpx;
			box-sizing: border-box;
			border-radius: 24rpx;
			.cell-item{
				height: 104rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 2rpx #cccccc solid;
				.label{
					font-size: 28rpx;
					font-family:$global-font-family;
					font-weight: 400;
					color: #333333;
				}
				.value{
					font-size: 24rpx;
					font-family:$global-font-family;
					font-weight: 400;
					color: #999999;
					display: flex;
					align-items: center;
					.avatar{
						width: 70rpx;
						height: 70rpx;
						border-radius: 50%;
					}
					.icon{
						font-size: 24rpx;
					}
					.icon-qrcode{
						font-size: 48rpx;
					}
				}
				&:last-of-type{
					border-bottom: none;
				}
			}
		}
	.btn-wrapper{
		margin-top: 100rpx;
		width: 100%;
		height: 100rpx;
		box-sizing: border-box;
		
		.btn{
			border-radius: 24rpx;
			background: #FFFFFF;
			font-size: 32rpx;
			font-family:$global-font-family;
			font-weight: 400;
			color: #333333;
			border: 2rpx solid #999999;
			&::after{
				border: none;
				outline: none;
			}
		}
	}
	}

}